<script setup lang='ts'>
// 自定义 规则
//interface Props {
//}

import { onMounted, ref, reactive, defineProps } from 'vue';
const props = defineProps({
    title: {
        type: String,
        default: () => ''
    },
    bgColor: {
        type: String,
        default: () => '#00BD78'
    },
    color: {
        type: String,
        default: () => '#fff'
    },
    leftIcon: {
        type: [String,Boolean],
        default: () => 'arrow-left'
    }
});

/**
 * @property 变量
 */


/**
 * @property  所有请求以api开头 如:apiDataInfo
 * / 


/**
 * @property 自定义事件 以事件名开头 如: clickButton,inputDev
 */


/**
 * @property 内置方法
 */


</script>
<template>
    <up-navbar :title="props.title" :leftIconColor="props.color" :autoBack="true" :bg-color="props.bgColor" placeholder
        :leftIcon="props.leftIcon" :titleStyle="{
            color: props.color
        }">
        <template #right>
            <slot name="right" />
        </template>
    </up-navbar>
</template>
<style lang="scss" scoped></style>